<template>
	<view>
		<!-- #ifdef MP -->
		<view class="cu-custom text-white" :style="{color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed" :style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px' }">
				<view class="action mp text-bold">
					<text class="wlIcon-shezhi" style="margin-right: 0.6em;" @tap="$wanlshop.auth('/pages/user/setting/setting')"></text>
					<text class="wlIcon-shiyongbangzhu1" @tap="help"></text>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: $wanlshop.wanlsys().height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?common.appStyle.user_nav_color:'#f7f7f7',
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 414, 0, 1, 'transparent', 'png') + ')'
				}"></view>
			</view>
		</view>
		<!-- #endif -->
		<!-- #ifndef MP -->
		<view class="cu-custom" :style="{color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">
			<view class="cu-bar fixed" :style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px' }">
				<view class="text-lg" @tap="$wanlshop.auth('/pages/user/setting/user')">
					<view v-if="headerOpacity == 1">
						<view class="cu-avatar round margin-right-xs" :style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 35, 35, 2, 'avatar') + ')' }"></view>
						<text v-if="user.isLogin">{{ user.nickname }}</text>
						<text v-else>{{$t('pages.user.登录 / 注册')}}</text>
					</view>
				</view>
				<!-- 背景 -->
				<view class="bar-bg" v-if="headerOpacity > 0" :style="{ 
					height: $wanlshop.wanlsys().height + 'px', 
					opacity: headerOpacity,
					backgroundColor: common.appStyle.user_nav_color?common.appStyle.user_nav_color:'#f7f7f7',
					backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_nav_image, 0, 50, 1, 'transparent', 'png') + ')',
					color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'
				}"></view>
				<view class="action">
					<block>
						<text class="wlIcon-erweima" @tap="showModal('share')"></text>
						<text class="margin-right text-sm" @tap="showModal('share')">{{$t('pages.user.会员码')}}{{user.invite_code}}</text>
					</block>
					<text class="wlIcon-shezhi" @tap="$wanlshop.auth('/pages/user/setting/setting')"></text>
					<text class="wlIcon-xiaoxizhongxin" @tap="$wanlshop.to('/pages/notice/notice')"></text>
					<view class="cu-tag badge" v-if="statistics.notice.notice +statistics.notice.order +statistics.notice.chat > 0">{{ statistics.notice.notice +statistics.notice.order +statistics.notice.chat }}</view>
				</view>
			</view>
		</view>
		<!-- #endif -->
		<view class="wanl-user" :style="{ 
			backgroundColor: common.appStyle.user_bg_color?common.appStyle.user_bg_color:'#f7f7f7',
			backgroundImage: 'url(' + $wanlshop.oss(common.appStyle.user_bg_image, 414, 0, 1, 'transparent', 'png') + ')',
			color: common.appStyle.user_font_color == 'light'?'#ffffff':'#222222'}">
			
			<view class="user" :style="{ paddingTop: $wanlshop.wanlsys().height + 'px' }">
				<view class="avatar margin-right-bj" @tap="portrai">
					<image class="round" :src="$wanlshop.oss(user.avatar, 62, 62, 2, 'avatar')" mode="aspectFill"></image></view>
				<view class="content" v-if="user.isLogin">
					<view class="text-xxl" @tap="$wanlshop.auth('/pages/user/setting/user')">{{ user.nickname }}</view>
					<view class="text-sm">
						<view class="cu-tag sm radius bg-orange" v-if="!is_ip_cn">
							Lv {{ user.level }}
						</view>
						<view class="cu-tag sm radius bg-orange" v-if="!is_ip_cn">
							{{$t('pages.user.用户积分')}} {{ user.score }}
						</view>
						<view class="cu-tag sm radius bg-orange" v-if="is_shop == 1">
							{{$t('pages.user.商家')}}
						</view>
						<view class="cu-tag sm radius bg-orange" v-if="is_cj == 1">
							{{$t('pages.user.厂家')}}
						</view>
					</view>
				</view>
				<view class="content" @tap="$wanlshop.auth('/pages/user')" v-else>
					<view class="text-xxl">{{$t('pages.user.登录 / 注册')}}</view>
					<!-- <view class="cu-tag bg-orange sm radius">Hi</view> -->
					<view class="cu-tag wanl-bg-pink sm radius">Hi，{{$t('pages.user.欢迎登录')}}</view>
				</view>
			</view>
			<view class="operate">
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/collect')">
					<text class="text-bold">{{ statistics.dynamic.collection }}</text>
					{{$t('pages.user.收藏夹')}}
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/follow')">
					<text class="text-bold">{{ statistics.dynamic.concern }}</text>
					{{$t('pages.user.关注店铺')}}
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/footprint')">
					<text class="text-bold">{{ statistics.dynamic.footprint }}</text>
					{{$t('pages.user.足迹')}}
				</view>
				<view class="text-sm" @tap="$wanlshop.auth('/pages/user/order/order')">
					<text class="text-bold">{{ $wanlshop.toFormat(statistics.order.whole, 'hundred') }}</text>
					{{$t('pages.user.全部订单')}}
				</view>
				
			</view>
			<view class="activity padding-bj">
				<view class="bg-white radius grid text-center col-2 padding-lr-bj padding-tb-sm">
					<view class="solid-right flex justify-between" @tap="$wanlshop.auth('/pages/user/coupon/list')">
						<view class="content">
							<view class="wanl-black text-sm text-bold6">{{$t('pages.user.红包卡券')}}</view>
							<view class="text-min text-orange">
								{{$t('pages.user.领取优惠券')}}
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_card_bag.png') + ')' }"></view>
					</view>
					<view class="flex justify-between" @tap="$wanlshop.auth('/pages/user/paymentCode')" v-if="!is_ip_cn">
						<view class="content margin-left-bj">
							<view class="wanl-black text-sm text-bold6">{{$t('pages.user.paymentQrCode.收款码')}}</view>
							<view class="text-min text-orange">
								{{$t('pages.user.查看收款码')}}
								<text class="wlIcon-fanhui2 margin-left-xs"></text>
							</view>
						</view>
						<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/user/icon_super_vip.png') + ')' }"></view>
					</view>
				</view>
			</view>
		</view>
		<view class="wanl-user-order padding-sm margin-bj">
			<view class="project text-sm wanl-gray-dark">
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=1')">
					<text class="wlIcon-31daifukuan wanl-pip"></text>
					
					{{$t('pages.user.order.待支付')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.pay > 0">{{ $wanlshop.toFormat(statistics.order.pay, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=2')">
					<text class="wlIcon-31daifahuo wanl-pip"></text>
					
					{{$t('pages.user.order.待发货')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.delive > 0">{{ $wanlshop.toFormat(statistics.order.delive, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=3')">
					<text class="wlIcon-31daishouhuo wanl-pip"></text>
					
					{{$t('pages.user.order.待收货')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.receiving > 0">{{ $wanlshop.toFormat(statistics.order.receiving, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/order?state=4')">
					<text class="wlIcon-31daipingjia wanl-pip"></text>
					
					{{$t('pages.user.order.待评价')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.evaluate > 0">{{ $wanlshop.toFormat(statistics.order.evaluate, 'hundred') }}</view>
				</view>
				<view class="solid-left" @tap="$wanlshop.auth('/pages/user/refund/lists')">
					<text class="wlIcon-31youhuiquan wanl-orange"></text>
					
					{{$t('pages.user.order.退货/售后')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.customer > 0">{{ $wanlshop.toFormat(statistics.order.customer, 'hundred') }}</view>
				</view>
			</view>
			<!-- <view class="logistics margin-top-bj padding-sm" v-if="statistics.logistics.length > 0">
				<swiper vertical autoplay circular disable-touch interval="4000" class="swiper">
					<swiper-item @tap="$wanlshop.auth('/pages/notice/logistics/details')">
						<view class="title">
							<view class="text-sm">最新物流</view>
							<view class="text-sm">18:00</view>
						</view>
						<view class="flex align-center">
							<view class="cu-avatar" :style="{ backgroundImage: 'url(' + $wanlshop.oss(user.avatar, 40, 40) + ')' }"></view>
							<view class="content">
								<view class="text-df">
									<text class="wlIcon-paisongtixing"></text>
									派送中
								</view>
								<view class="text-sm">【自提柜】已签收，签收人凭取件码 已取件。</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
			</view> -->
		</view>
		
		<view class="wanl-user-order padding-sm margin-bj" style="margin-top: 25rpx;">
			<view class="project text-sm wanl-gray-dark">
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/coupon/mycard')">
					<view class="wanl-pip text-lg text-bold6">{{ statistics.dynamic.coupon }}</view>
					
					{{$t('pages.user.info.我的卡券')}}
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/money/money')">
					<view class="wanl-pip text-lg text-bold6">{{ user.money?user.money:'0.00' }}</view>
					
					{{$t('pages.user.info.余额')}}
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/money/GoMoney')">
					<view class="wanl-pip text-lg text-bold6">{{ go_money }}</view>
					
					{{$t('pages.user.info.Go币')}}
				</view>
				<view style="line-height: 1.8;" @tap="$wanlshop.auth('/pages/user/signin/log')">
					<view class="wanl-pip text-lg text-bold6">{{ user.score?user.score:0 }}</view>
					
					{{$t('pages.user.info.积分')}}
				</view>
				<view class="solid-left" @tap="$wanlshop.auth('/pages/user/money/list')">
					<text class="wlIcon-hongbao wanl-orange"></text>
					
					{{$t('pages.user.info.账单明细')}}
				</view>
			</view>
		</view>
		
		<view class="wanl-user-tool padding-top-bj margin-lr-bj">
			<view class="list text-sm grid col-5 wanl-gray-dark">
				<view @tap="$wanlshop.auth('/pages/user/money/money')">
					<text class="wlIcon-youhuiquantuangou wanl-orange"></text>
					
					{{$t('pages.user.info.钱包')}}
				</view>
				<view @tap="$wanlshop.auth('/pages/apps/groups/order/order')">
					<text class="wlIcon-pintuan2 wanl-text-yellow"></text>
					
					{{$t('pages.user.order.拼团订单')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.groups > 0">{{ $wanlshop.toFormat(statistics.order.groups, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/apps/seckill/order/order')">
					<image class="flag-icon" src="/static/images/find/miaosha.png" mode="aspectFill"/>
					
					{{$t('pages.user.order.秒杀订单')}}
					<view class="cu-tag badge bg-orange" v-if="statistics.order.seckill > 0">{{ $wanlshop.toFormat(statistics.order.seckill, 'hundred') }}</view>
				</view>
				<view @tap="$wanlshop.auth('/pages/user/comment/comment')">
					<text class="wlIcon-icon_pinglun wanl-text-red"></text>
					
					{{$t('pages.user.info.评论')}}
				</view>
				<!-- <view @tap="$wanlshop.auth('/pages/user/distribution/distribution')">
					<text class="wlIcon-fenxiao wanl-text-yellow"></text>
					分销
				</view>
				<view @tap="$wanlshop.auth('/pages/user/order/bargain')">
					<text class="wlIcon-jiage wanl-text-light-blue"></text>
					我的砍价
				</view> -->
				<view @tap="$wanlshop.auth('/pages/user/address/address')">
					<text class="wlIcon-dizhi wanl-text-yellow"></text>
					
					{{$t('pages.user.info.收货地址')}}
				</view>
				<view @tap="$wanlshop.auth('/pages/user/signin/signin')" v-show="false">
					<text class="wlIcon-mianxing-rili wanl-orange"></text>
					
					{{$t('pages.user.info.签到')}}
				</view>
				<view @tap="$wanlshop.auth('/pages/user/complaint/lists')">
					<text class="wlIcon-31guanzhuxuanzhong wanl-text-light-blue"></text>
					
					{{$t('pages.user.info.我的举报')}}
				</view>
				<view @tap="$wanlshop.auth('/pages/user/feedback/lists')">
					<text class="wlIcon-pingjiazongjie wanl-text-blue"></text>
					
					{{$t('pages.user.info.反馈')}}
				</view>
				<view @tap="help">
					<text class="wlIcon-bangzhu3 wanl-text-green"></text>
					
					{{$t('pages.user.info.帮助中心')}}
				</view>
				<view @tap="$wanlshop.auth('/pages/user/service')">
					<text class="wlIcon-icon-service wanl-text-purple"></text>
					
					{{$t('pages.user.info.智能小蜜')}}
				</view>
				<!-- #ifndef H5 -->
				<view @tap="$wanlshop.auth('/pages/shop/live/live')">
					<text class="wlIcon-icon_zhibo-mian wanl-text-blue"></text>
					
					{{$t('pages.user.info.商家直播')}}
				</view>
				<!-- #endif -->
				<view @tap="$wanlshop.auth('/pages/apps/find/user')" v-show="false">
					<text class="wlIcon-pengyouquan wanl-text-red"></text>
					
					{{$t('pages.user.info.创作中心')}}
				</view>
				<view @tap="setting">
					<text class="wlIcon-shezhi1 wanl-text-green"></text>
					
					{{$t('pages.user.info.设置')}}
				</view>
				<view @tap="arrival">
					<text class="wlIcon-paixing wanl-text-red"></text>
					
					{{$t('pages.user.info.入驻')}}
				</view>
				<view @tap="localeConfig('zh-CN')">
					<image class="flag-icon" src="/static/images/guoqi/zhongwen.png" mode="aspectFill"/>
					
					中文
				</view>
				<view @tap="localeConfig('en')">
					<!-- <text class="wlIcon-paixing wanl-text-red"></text> -->
					<image class="flag-icon" src="/static/images/guoqi/English.png" mode="aspectFill"/>
					English
				</view>
				<view @tap="localeConfig('russian')">
					<!-- <text class="wlIcon-paixing wanl-text-red"></text> -->
					<image class="flag-icon" src="/static/images/guoqi/Mongolian.png" mode="aspectFill"/>
					Mongolian
				</view>
			</view>
		</view>
		<!-- <view class="wanl-you-like" :style="{ backgroundImage: 'url(' + $wanlshop.appstc('/common/guess_you_like_it.png') + ')' }"></view> -->
		<!-- <wanl-product :dataList="likeData"/> -->
		<!-- <uni-load-more :status="status" :content-text="contentText" /> -->
		<view class="wanl-partners">
		  <view class="title text-bold padding-lr-bj">{{$t('pages.user.info.合作伙伴')}}</view>
		  <view class="partner-list grid col-4">
		    <view 
		      v-for="(partner, index) in likeData" 
		      :key="index" 
		      class="partner-item text-center"
		    >
		      <image 
		        class="partner-logo" 
		        :src="$wanlshop.oss(partner.logo_image, 100, 100, 2, 'transparent')" 
		        mode="aspectFit"
		      />
		      <text class="partner-name text-sm margin-top-xs">{{ partner.name }}</text>
		    </view>
		  </view>
		</view>
		<!-- 分享 -->
		<view
			class="cu-modal wanl-share "
			:class="modalName == 'share' ? 'show' : ''"
			@tap="hideModal()"
		>
			<view v-if="modalName == 'share'" class="cu-dialog" @tap.stop="">
				<wanl-share
					ref="wanlPoster"
					page="pages/user/auth/register"
					:scene="{invite_code:invite_code}"
					@success="posterSuccess"
					@change="hideModal"
				/>
			</view>
		</view>
		
		<!-- 在原有代码末尾添加弹窗结构 -->
		<view class="custom-modal" v-if="showLangPopup" @tap="showLangPopup = false">
		  <view class="modal-content" @tap.stop>
		    <view class="modal-title">{{$t('pages.user.info.选择语言')}}</view>
		    <view class="lang-list">
		      <view 
		        v-for="lang in languages" 
		        :key="lang.id" 
		        class="lang-item" 
		        @tap="handleLangSelect(lang)"
		      >
		        <text>{{ lang.name }}</text>
		        <text v-if="currentLang === lang.id" class="wlIcon-xuanzhong"></text>
		      </view>
		    </view>
		  </view>
		</view>
		
		<view class="edgeInsetBottom"></view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
export default {
	data() {
		return {
			modalName: '',
			headerOpacity: 0,
			// 上拉刷新
			reload: true,
			likeData: [],
			current_page: 1, //当前页码
			last_page: 1, //总页码
			status: 'loading',
			contentText: {
				contentdown: ' ',
				contentrefresh: this.$t('message.正在加载'),
				contentnomore: this.$t('message.没有更多数据了')
			},
			invite_code : '',
			is_shop:0,
			is_ip_cn:true,
			go_money:'0.00',
			 showLangPopup: false, // 控制弹窗显示
		     currentLang: "en", // 当前语言
			 languages: [
			        { id: 'zh-CN', name: '中文' },
			        { id: 'russian', name: 'Mongolian' },
			        { id: 'en', name: 'English' }
			      ]
		};
	},
	computed: {
		...mapState(['user', 'statistics','common'])
	},
	onPullDownRefresh() {
		this.loadData();
	},
	onShow() {
		setTimeout(()=> {
			uni.setNavigationBarColor({  
				frontColor: this.$store.state.common.appStyle.user_font_color == 'light'?'#ffffff':'#000000',  
				backgroundColor: this.$store.state.common.appStyle.user_nav_color
		    })  
		}, 200);
	},
	onLoad(query) {
		if(query.hasOwnProperty('scene')){
			let scene = decodeURIComponent(query.scene);
				scene = this.$wanlshop.getParam(scene);
			console.log('小程序码进入：', scene);
		}
		if (this.$store.state.user.isLogin) {
			this.loadData();
			this.jianceShop();
		}
		this.loadlikeData();
		// const savedLang = uni.getStorageSync('lang');
	},
	onPageScroll(e) {
		let tmpY = 50;
		e.scrollTop = e.scrollTop > tmpY ? 50 : e.scrollTop; //如果当前高度大于250则250否则当前高度
		this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
	},
	onReachBottom() {
		//判断是否最后一页
		if (this.current_page >= this.last_page) {
			this.status = 'noMore';
		} else {
			this.reload = false;
			this.current_page = this.current_page + 1; //页码+1
			this.status = 'loading';
			this.loadlikeData();
		}
	},
	methods: {
		async loadData() {
			await uni.request({
				url: '/wanlshop/user/refresh',
				method: 'POST',
				success: res => {
					this.$store.commit('statistics/edit', res.data.statistics);
					this.$store.commit('user/setUserInfo', res.data.userinfo);
					this.is_ip_cn = res.data.is_ip_cn
					this.go_money = res.data.userinfo.go_money;
				}
			});
			uni.stopPullDownRefresh();
		},
		// 滚动底部加载猜你喜欢
		// async loadlikeData() {
		// 	await uni.request({
		// 		url: '/wanlshop/product/likes?pages=user',
		// 		data: {
		// 			page: this.current_page
		// 		},
		// 		success: res => {
		// 			this.likeData = this.reload ? res.data.data : this.likeData.concat(res.data.data); //评论数据 追加
		// 			this.current_page = res.data.current_page; //当前页码
		// 			this.last_page = res.data.last_page; //总页码
		// 			this.status = res.data.total == 0 ? 'noMore' : 'more';
		// 		}
		// 	});
		// },
		//合作伙伴
		async loadlikeData() {
			await uni.request({
				url: '/wanlshop/product/cooperation',
				data: {
					page: this.current_page
				},
				success: res => {
					this.likeData = this.reload ? res.data.data : this.likeData.concat(res.data.data); //评论数据 追加
					this.current_page = res.data.current_page; //当前页码
					this.last_page = res.data.last_page; //总页码
					this.status = res.data.total == 0 ? 'noMore' : 'more';
				}
			});
		},
		
		async jianceShop() {
			await uni.request({
				url: '/wanlshop/user/isShop',
				success: res => {
					// console.log(res.data.is_shop);
					this.is_shop = res.data.is_shop;
					this.is_cj = res.data.is_cj;
				}
			});
		},
		// 弹出层
		showModal(name) {
			if(name == 'share') {
				if(this.user.isLogin){
					uni.request({
						url: '/wanlshop/user/getUserInviteCode',
						method: 'POST',
						success: res => {
							this.invite_code = res.data.invite_code;
						}
					});
					this.modalName = name;
				}else{
					this.$wanlshop.to('/pages/user/auth/auth');
				}
			}else{
				this.modalName = name;
			}
		},
		hideModal() {
			this.modalName = null;
		},
		posterSuccess(e){},
		// 帮助
		help() {
			this.$wanlshop.to('/pages/user/help');
		},
		// 设置
		setting() {
			this.$wanlshop.to('/pages/user/setting/setting');
		},
		arrival() {
			this.$wanlshop.to('/pages/user/arrival/arrival');
		},
		//语言设置
		localeConfig(lang) {
		    uni.showModal({
		      title: this.$t('message.提示'),
		      content: this.$t('message.确认切换语言'),
		      success: (res) => {
		        if (res.confirm) {
		          this.handleLangSelect(lang);
		        } else if (res.cancel) {
		          uni.showToast({ 
		            title:this.$t('message.确认切换语言'), 
		            icon: 'none',
		            duration: 1500
		          });
		        }
		      }
		    });
		  },
		portrai() {
			this.$wanlshop.to('/pages/user/portrait/portrait');
		},
		 // 处理语言选择
		handleLangSelect(lang) {
		  this.currentLang = lang;
		  uni.setLocale(lang)
		  this.$i18n.locale = lang;
		  // this.$store('app').init();
		  this.showLangPopup = false;
		  uni.setStorageSync('lang',this.currentLang);
		  uni.showToast({
			title: this.$t('message.语言已切换'),
			icon: 'success',
			duration: 1500
		  });
		  
		  // 刷新页面应用新语言
		  setTimeout(() => {
			this.$store.dispatch('user/refresh'); // 刷新用户数据
		  }, 1000);
		}
	}
};
</script>

<style>
	
	/* 添加到style部分 */
.flag-icon {
  width: 54rpx;
  height: 54rpx;
  display: block;
  margin: 0 auto 8rpx;
  object-fit: contain;
}

/* 调整父容器布局 */
.wanl-user-tool .list > view {
  display: flex;
  flex-direction: column;
  align-items: center;
}
	
.cu-bar .action.mp:first-child > text[class*='wlIcon-'] {
	margin-left: 0;
}

.wanl-user {
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
}

.wanl-user .user {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30rpx;
	padding-bottom: 30rpx;
}

.wanl-user .user .avatar {
	position: relative;
	height: 123rpx;
	width: 123rpx;
	border-radius: 5000rpx;
	overflow: hidden;
	border: 3px solid rgba(255, 255, 255, .25);
}

.wanl-user .user .avatar image {
	height: 120rpx;
}

.wanl-user .user .avatar .tag {
	position: absolute;
	bottom: 0;
	right: 0;
}

.wanl-user .user .content {
	flex: 1;
}

/* 操作 */
.wanl-user .operate {
	display: flex;
	justify-content: space-around;
	text-align: center;
	padding-bottom: 70rpx;
	line-height: 1.3;
}

.wanl-user .operate text {
	display: block;
	font-size: 32rpx;
}

/* 活动 */
.wanl-user .activity {
	position: absolute;
	width: 100%;
	bottom: -80rpx;
}

.wanl-user .activity .radius {
	border-radius: 24rpx;
}

.wanl-user .activity .cu-avatar {
	width: 69rpx;
	height: 69rpx;
	margin-right: 30rpx;
	background-color: transparent;
	/* border: 1px solid rgba(255,255,255,.6); */
}

.wanl-user .activity .content {
	text-align: left;
	height: 68rpx;
}

/* 订单 */
.wanl-user-order {
	margin-top: 80rpx;
	border-radius: 24rpx;
	background-color: white;
}

.wanl-user-order .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.wanl-user-order .title text {}



/* 状态 */
.wanl-user-order .project {
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.wanl-user-order .project>view {
	position: relative;
	flex: 1;
}

.wanl-user-order .project>view .cu-tag {
	top: -4rpx;
	right: 26rpx;
}

.wanl-user-order .project text {
	display: block;
	font-size: 50rpx;
	margin-bottom: 6rpx;
}

/* 物流 */
.wanl-user-order .logistics {
	background-color: #f9f9f9;
	border-radius: 24rpx;
}

.wanl-user-order .logistics .swiper {
	height: 120rpx;
}

.wanl-user-order .logistics .swiper .title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10rpx;
	color: #999999;
}

.wanl-user-order .logistics .swiper .cu-avatar {
	margin-right: 10rpx;
	height: 66rpx;
	width: 66rpx;
	border-radius: 12rpx;
	background-color: #ffffff;
}

.wanl-user-order .logistics .swiper .content .text-df {
	color: #3797e0;
	font-size: 27rpx;
	margin-bottom: 2rpx;
}

.wanl-user-order .logistics .swiper .content .text-sm {
	color: #999999;
}

.wanl-user-order .logistics .swiper .content text {
	font-size: 32rpx;
	margin-left: 15rpx;
	margin-right: 10rpx;
}

/* 工具箱 */
.wanl-user-tool {
	background-color: #ffffff;
	border-radius: 24rpx;
}

.wanl-user-tool .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.wanl-user-tool .title text {
	margin-left: 2rpx;
}

/* 状态 */
.wanl-user-tool .list {
	text-align: center;
}

.wanl-user-tool .list>view {
	margin-bottom: 28rpx;
	position: relative;
}
.wanl-user-tool .list>view .cu-tag {
	top: -8rpx;
	left: 80rpx;
	right: unset;
}

.wanl-user-tool .list text {
	display: block;
	font-size: 54rpx;
	margin-bottom: 8rpx;
}
.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-content {
  width: 80%;
  max-width: 600rpx;
  background-color: #fff;
  border-radius: 20rpx;
  overflow: hidden;
}

.modal-title {
  text-align: center;
  padding: 30rpx;
  font-size: 32rpx;
  font-weight: bold;
  border-bottom: 1rpx solid #eee;
}

.lang-list {
  padding: 0 30rpx;
}

.lang-item {
  display: flex;
  justify-content: space-between;
  padding: 30rpx 0;
  border-bottom: 1rpx solid #eee;
  font-size: 30rpx;
}

.lang-item:last-child {
  border-bottom: none;
}

.wlIcon-xuanzhong {
  color: #007AFF;
  font-weight: bold;
}

/* 合作伙伴样式 */
.wanl-partners {
  background-color: #fff;
  border-radius: 24rpx;
  margin: 30rpx;
  padding: 20rpx 0;
}

.wanl-partners .title {
  font-size: 32rpx;
  border-left: 6rpx solid #007AFF;
  padding-left: 20rpx;
  margin-bottom: 30rpx;
}

.partner-list {
  padding: 0 20rpx;
}

.partner-item {
  padding: 20rpx 0;
}

.partner-logo {
  width: 100rpx;
  height: 100rpx;
  border-radius: 16rpx;
  background-color: #f8f8f8;
}

.partner-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10rpx;
}
</style>
